<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
<route lang="json5">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '联系客服',
    navigationBarRightButton: {
      hide: true,
    },
  },
}
</route>
<template>
  <view
    class="w-full h-full bg-white overflow-hidden box-border"
    :style="{ paddingTop: safeAreaInsets?.top + 'px' }"
  >
    <view class="w-full h-full bg-#F3F4F8 pos-relative z-1">
      <wd-navbar @click-left="handleClickLeft">
        <template #title>
          <text class="text-gray-333 font-size-36 font-500">联系客服</text>
        </template>
        <template #left>
          <wd-icon
            name="chevron-left"
            class="text-gray-333 font-size-44"
            @click="pagesBack"
          ></wd-icon>
        </template>
      </wd-navbar>
      <view class="w-full h-full p-x-28 p-y-32 border-box home-content">
        <view class="w-full flex justify-start items-center mg-b-68">
          <view class="wr-88 hr-88 box-shadow b-rd-44"></view>
          <view class="p-x-24 p-y-24 bg-white b-rd-8 mg-l-24">
            <text class="font-size-28 font-400 text-gray-333">
              您好，我是客服XXX，很高兴为您服务
            </text>
          </view>
        </view>
        <view class="w-full flex justify-end items-center">
          <view class="p-x-24 p-y-24 bg-white b-rd-8">
            <text class="font-size-28 font-400 text-gray-333">
              您好，我是客服XXX，很高兴为您服务
            </text>
          </view>
          <view class="wr-88 hr-88 box-shadow b-rd-44 mg-l-24"></view>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineOptions({
  name: 'AllOrder',
})
const { safeAreaInsets } = uni.getSystemInfoSync()
const handleClickLeft = () => {}
const pagesBack = () => {
  uni.navigateTo({
    url: '/pages/shopping/allOrder',
  })
}
const joy = ref('../../static/images/background/image-1.png')
const tab = ref(0)
onLoad(() => {})
</script>

<style scoped lang="scss">
.home-content {
  height: calc(100% - var(--wot-navbar-height, 88rpx));
  overflow: auto;
}
.box-shadow {
  background: linear-gradient(90deg, #ece7f6 0%, #dfdfff 100%);
}
::v-deep .wd-button {
  width: 100% !important;
  height: 100% !important;
}
</style>
